/*navigation牵引导航*/
.f18 {
    font-size: 18px;
}
.font-bold {
    font-weight: 700;
}
.mt5 {
    margin-top: -4px;
}
.mr5 {
    margin-right: 5px;
}
.ml3{
    margin-left: 3px;
}
.mr3{
    margin-right:3px;
}
.mb2 {
    margin-bottom: 2px;
}
.mb15{
    margin-bottom: 15px;
}
.pl28{
    padding-left: 28px !important;
}
.text-pull-right{
    text-align: right;
}
.text-pull-left{
    text-align: left;
}
.process-icon {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}
.process-line{
    display: inline-block;
    /*width: 11.36%;*/
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #e9e9e9;
}
.card-wizard {
    border-radius: 10px;
}
.card-wizard .nav-pills,.card-wizard .nav-pills-steelblue {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-wizard .nav-pills > li > a {
    text-align: center;
    border: none;
    background-color: #9A9A9A;
    color: #FFFFFF;
    text-transform: uppercase;
}
.card-wizard .nav-pills > li > a:hover, .card-wizard .nav-pills > li > a:focus {
    background-color: #9A9A9A;
    outline: 0 !important;
}
.card-wizard .nav-pills > li:first-child > a, .card-wizard .nav-pills > li:last-child > a {
    border-radius: 0;
}
.card-wizard .nav-pills-steelblue > li > a {
    text-align: center;
    border: none;
    background-color: #FFFFFF;
    color: #9A9A9A;
    text-transform: uppercase;
    font-weight: 700;
    padding:10px 0px;
}
.card-wizard .nav-pills-steelblue > li > a >em{
    background-image: url(/images/admin/did.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.card-wizard .nav-pills-steelblue > li > a:hover, .card-wizard .nav-pills-steelblue > li > a:focus {
    background-color: #FFFFFF;
    outline: 0 !important;
}
.card-wizard .nav-pills > li:first-child > a, .card-wizard .nav-pills > li:last-child > a {
    border-radius: 0;
}
.card-wizard .btn-finish {
    display: none;
}
.card-wizard .header {
    padding-top: 25px;
    padding-bottom: 10px;
}
.card-wizard .footer {
    padding-bottom: 15px;
}

/*            Navigation menu                */
.nav-pills>li,.nav-pills-steelblue>li{
    float:left;
    font-weight: 700!important;
}

.nav-pills > li + li,.nav-pills-steelblue > li + li  {
    margin-left: 0;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #F5F5F5;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #23CCEF;
    color: #FFFFFF;
}
.nav-pills-steelblue > li.active > a,
.nav-pills-steelblue > li.active > a:hover,
.nav-pills-steelblue > li.active > a:focus {
    background-color: #FFFFFF;
    color: #5B7D9A;
}
.nav-pills-steelblue > li.active > a>em,
.nav-pills-steelblue > li.active > a:hover>em,
.nav-pills-steelblue > li.active > a:focus>em {
    background-image: url(/images/admin/doing.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.nav-pills > li:first-child > a {
    border-radius: 4px 0 0 4px;
    margin: 0;
}
.nav-pills > li:last-child > a {
    border-radius: 0 4px 4px 0;
}
/*nav-pills-blue*/
.nav-pills-blue > li.active > a,
.nav-pills-blue > li.active > a:hover,
.nav-pills-blue > li.active > a:focus {
    background-color: #447DF7;
}
.nav-pills-blue > li > a {
    border: 1px solid #447DF7;
    color: #447DF7;
}
/*nav-pills-azure*/
.nav-pills-azure > li.active > a,
.nav-pills-azure > li.active > a:hover,
.nav-pills-azure > li.active > a:focus {
    background-color: #23CCEF;
}
.nav-pills-azure > li > a {
    border: 1px solid #23CCEF;
    color: #23CCEF;
}
/*nav-pills-orange*/
.nav-pills-orange > li.active > a,
.nav-pills-orange > li.active > a:hover,
.nav-pills-orange > li.active > a:focus {
    background-color: #FFA534;
}
.nav-pills-orange > li > a {
    border: 1px solid #FFA534;
    color: #FFA534;
}
/*nav-pills-red*/
.nav-pills-red > li.active > a,
.nav-pills-red > li.active > a:hover,
.nav-pills-red > li.active > a:focus {
    background-color: #FB404B;
}
.nav-pills-red > li > a {
    border: 1px solid #FB404B;
    color: #FB404B;
}
/*nav-pills-green*/
.nav-pills-green > li.active > a,
.nav-pills-green > li.active > a:hover,
.nav-pills-green > li.active > a:focus {
    background-color: #87CB16;
}
.nav-pills-green > li > a {
    border: 1px solid #87CB16;
    color: #87CB16;
}


/*竞猜*/
.competition-option-card,.vote-group-card{
    list-style: none;
}
/*投票*/
ul.vote-group-card,div.vote-group-card{
    border-radius: 4px;
    background-color: rgba(221,221,221,0.5);
    padding-top: 22px !important;
    padding-bottom: 15px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
}
.vote-column-smimg{
    max-width: 179px;
    max-height: 117px;
}
.vote-view-smimg{
    width: 200px;
    height: 129px;
}
.competition-option-card{
    list-style: none;
}
